<template>
    <view>
       <view class="ejdtcz">
            <view class="rectangular">
                <image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/shape_gbnmc1658546654138.png" mode="widthFix" class="pizoea"></image>
				
                <view class="lensm">
                    <view class="ui_design">UI设计</view>
                    <view class="fl1424psr">C++</view>
                </view>
                <view class="screening_1421ih">筛选</view>
            </view>
            <view class="jkomni">
                <view class="comprehensive">综合</view>
                <view class="near">附近</view>
                <view class="owvadz">
                    <view class="rectangular_1407xsr">
                        <image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/grouping_gulnj1658546653797.png" mode="widthFix" class="krtfia"></image>
                        <view class="baiyun_district">白云区</view>
                    </view>
                    <view class="rectangular_1405gbd">筛选
                        <image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/the_path_ihpqr1658546653478.png" mode="widthFix" class="khrne"></image>
                    </view>
                </view>
            </view>
        </view>
        <view class="gjormi">
            <view class="viutm" @click="$go_next('/pages/new/position_details')">
                <image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/dfjqm1658556344430.png" mode="widthFix" class="rectangular_1440iuc"></image>
                <view class="rqadf">
                    <view class="melaqg">
                        <view class="melaqg">
                            <view class="senior_ui_desig">高级UI设计</view>
                            <view class="rectangle_1425brl">急聘</view>
                        </view>
                        <view class="nze1439di">6-9K</view>
                    </view>
                    <view class="thkjso">
                        <view class="rectangular_1435cg">广州 白云区</view>
                        <view class="rectangular_1427yr">刚刚活跃</view>
                        <view class="rectangular_1429ky">3-5年</view>
                        <view class="rectangular_1431ape">本科</view>
                    </view>
                    <view class="tencent_technology">腾讯科技-UI设计</view>
                    <view class="leiuvp">
                        <view class="ms_lin_ceo">林女士-CEO</view>
                        <view class="guangdong_haizh">广东海珠</view>
                    </view>
                </view>
            </view>
            <view class="viutm" @click="$go_next('/pages/new/position_details')">
                <image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/dfjqm1658556344430.png" mode="widthFix" class="rectangular_1440iuc"></image>
                <view class="rqadf">
                    <view class="melaqg">
                        <view class="melaqg">
                            <view class="senior_ui_desig">高级UI设计</view>
                            <view class="rectangle_1425brl">急聘</view>
                        </view>
                        <view class="nze1439di">6-9K</view>
                    </view>
                    <view class="thkjso">
                        <view class="rectangular_1435cg">广州 白云区</view>
                        <view class="rectangular_1427yr">刚刚活跃</view>
                        <view class="rectangular_1429ky">3-5年</view>
                        <view class="rectangular_1431ape">本科</view>
                    </view>
                    <view class="tencent_technology">腾讯科技-UI设计</view>
                    <view class="leiuvp">
                        <view class="ms_lin_ceo">林女士-CEO</view>
                        <view class="guangdong_haizh">广东海珠</view>
                    </view>
                </view>
            </view>
        </view>
		<!-- <navigator url="/pages/new/a_copy_of_the_client20" hover-class="navigator-hover">
		    <button type="default">页面</button>
		</navigator> -->
	</view>
</template>
<script>
    export default {
        data() {
            return {
                
            }
        },
        onLoad() {
            
        },
        onShow() {
            
        },
        methods: {
            
        }
    }
</script>
<style lang="scss" scoped>
   
.ejdtcz{
    position: fixed;
    width: 100%;
    top: 0rpx;
    left: 0rpx;
    z-index: 1;
    background: rgb(255, 255, 255);
}
.rectangular{
    border-radius: 0rpx;
    background: rgb(132, 192, 244);
    display: flex;
    padding-top: 112rpx;
    padding-bottom: 25rpx;
    color: rgb(255, 255, 255);
}
.pizoea{
    margin-left: 32rpx;
    width: 36rpx;
    height: 36rpx;
}
.lensm{
    margin-left: 21rpx;
    display: flex;
}
.ui_design{
    font-size: 32rpx;
}
.fl1424psr{
    font-size: 32rpx;
    margin-left: 26rpx;
}
.screening_1421ih{
    font-size: 34rpx;
    margin-left: 74rpx;
}
.jkomni{
    padding-top: 14rpx;
    margin-left: auto;
    margin-right: auto;
    width: 683rpx;
    display: flex;
    align-items: center;
    text-align: center;
    border-bottom: 1rpx solid rgb(238, 238, 238);
    padding-bottom: 20rpx;
    background: rgb(255, 255, 255);
}
.comprehensive{
    font-size: 26rpx;
}
.near{
    font-size: 26rpx;
    margin-left: 34rpx;
}
.owvadz{
    margin-left: 277rpx;
    display: flex;
}
.rectangular_1407xsr{
    color: rgb(102, 177, 255);
    background: rgb(241, 249, 255);
    display: flex;
    align-items: center;
    height: 44rpx;
    width: 128rpx;
    text-align: center;
    line-height: 44rpx;
}
.krtfia{
    margin-left: 9rpx;
    width: 16rpx;
    height: 19rpx;
}
.baiyun_district{
    font-size: 24rpx;
    margin-left: 11rpx;
}
.rectangular_1405gbd{
    background: rgb(242, 249, 254);
    margin-left: 12rpx;
    width: 128rpx;
    position: relative;
    font-size: 24rpx;
    color: rgb(102, 177, 255);
    text-align: center;
    height: 44rpx;
    line-height: 44rpx;
}
.khrne{
    width: 15rpx;
    height: 15rpx;
    position: absolute;
    left: 0rpx;
    bottom: 0rpx;
}
.gjormi{
    padding-top: 267rpx;
}
.viutm{
    margin-left: auto;
    margin-right: auto;
    width: 92%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1rpx solid rgb(244, 244, 244);
    padding: 32rpx 0rpx;
}
.rectangular_1440iuc{
    background: rgb(196, 196, 196);
    width: 120rpx;
    height: 120rpx;
}
.rqadf{
    width: 78%;
}
.melaqg{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.senior_ui_desig{
    font-size: 34rpx;
}
.rectangle_1425brl{
    margin-left: 28rpx;
    padding-top: 1rpx;
    background: rgb(255, 241, 240);
    color: red;
    font-size: 24rpx;
    width: 80rpx;
    line-height: 44rpx;
    text-align: center;
}
.nze1439di{
    font-size: 30rpx;
    color: rgb(76, 191, 237);
}
.thkjso{
    margin-top: 18rpx;
    display: flex;
}
.rectangular_1435cg{
    background: rgb(245, 246, 248);
    padding-left: 11rpx;
    padding-right: 13rpx;
    height: 36rpx;
    line-height: 36rpx;
    font-size: 20rpx;
}
.rectangular_1427yr{
    background: rgb(245, 246, 248);
    padding-left: 10rpx;
    padding-right: 10rpx;
    height: 36rpx;
    margin-left: 8rpx;
    line-height: 36rpx;
    font-size: 20rpx;
}
.rectangular_1429ky{
    background: rgb(245, 246, 248);
    padding-left: 15rpx;
    padding-right: 15rpx;
    height: 36rpx;
    margin-left: 10rpx;
    line-height: 36rpx;
    font-size: 20rpx;
}
.rectangular_1431ape{
    background: rgb(245, 246, 248);
    padding-left: 19rpx;
    padding-right: 19rpx;
    height: 36rpx;
    margin-left: 8rpx;
    line-height: 36rpx;
    font-size: 20rpx;
}
.tencent_technology{
    font-size: 26rpx;
    margin-top: 20rpx;
}
.leiuvp{
    margin-top: 24rpx;
    padding-right: 10rpx;
    display: flex;
    justify-content: space-between;
}
.ms_lin_ceo{
    font-size: 22rpx;
}
.guangdong_haizh{
    font-size: 24rpx;
    margin-right: 10rpx;
}
</style>
